@extends('home.layout.base')
<link rel="stylesheet" href="{{URL::asset('./css/suppliermy/balance_add.css')}}">
@section('content')
<div class="mainHrContent" id="balanceAdd"  v-cloak>
    <div class="payheader">
        <a href="{{route('home.index.index') }}">
            <img :src="headerLogo" alt="">
        </a>
        <div class='rightStep'>
            <div class="completed-step "><a>填写充值金额</a></div>
            <div class="completed-step "><a>确认充值</a></div>
            <div class="completed-step active"><a>充值完成</a></div>
        </div>
    </div>
    <div class="payMess">
        <span>
            【重要提醒】
        </span>
        ： 本网站及供应商不会以订单异常、系统升级等为由，通过电话、短信等方式要求您点击任何链接进行退款操作。
    </div>
    <div class="paying">
        <img src="{{URL::asset('./img/icon/paying.png')}}" alt="">
        <span>订单支付成功</span>
        <p>
            <button><a href="{{route('home.suppliermy.supplierIndex')}}">个人中心</a></button>
            <button><a  href="{{route('home.index.index') }}">回到首页</a></button>
        </p>
    </div>
</div>
@endsection
@section('scripts')
<script>
    $(() => {
        let balanceAdd = new Vue({
            el: '#balanceAdd',
            data: () => {
                return {
                    headerLogo: '',
                    checkNum:1,
                }
            },
            created() {
                this.headerLogo = JSON.parse(sessionStorage.getItem("overall")).site_logo
            },
            mounted() {

            },
            methods: {
                nextClick(){
                    window.location.href = "{{ route('home.suppliermy.supplierBalanceAddFinish') }}";

                }
            }
        })
    })
</script>
@endsection